<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
</head>
<body>
   <div id="box" v-cloak>
        <div class="nav">
            <div class="logo">
               <img src="https://ccdn.goodq.top/caches/6e50d6492e3bae10ff0a5a6d86bc5093/aHR0cHM6Ly81ZWUxZWNmNGM1ZDkxLnQ3NC5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMjAvMDYvMDdlNTU2NmQ3YjA1OGM2OWQxNmVlNDQ1N2MzMjA0ODkucG5n.png" alt="">
            </div>
            <div class="nav_list">
                <div><router-link to="/">首页</router-link></div>
                <div><router-link to="/no2">关于</router-link></div>
                <div><router-link to="/no3">新闻</router-link></div>
                <div><router-link to="/no4">联系</router-link></div>
            </div>
        </div>
        <div style="min-height:500px;">
           <router-view></router-view>
        </div>
        <!-- <div style="height: 150px;"></div> -->
   </div> 
   <template id="no1">
     <div>
       <div class="head">            
           <div class="headleft">
               <h3>企业数字化平台</h3>
               <p>打造企业级云原生PaaS+SaaS平台，帮助客户轻松用云、快速创新、持续迭代。</p>
               <button>免费体验</button>
           </div>
           <div class="headright"> 
               <div>
                   <img src="https://ccdn.goodq.top/caches/6e50d6492e3bae10ff0a5a6d86bc5093/aHR0cHM6Ly81ZWUxZWNmNGM1ZDkxLnQ3NC5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMjAvMDYvNGE5MGQ0N2I3YWU3Mzg5NTg0ZDIyZTEyNmNlYjk4OWQucG5n.png" alt="">
               </div>
           </div>
        </div>
        <div class="wenzi2">
            <h3>我们的目标</h3>
            <p>当今最领先的响应式自助建站平台，我们的流线式网页布局设计方案和可视化图文内容编辑模式让网站制作和维护成为一件轻松惬意的事。我们的流线式网页布局设计方案和可视化图文内容编辑模式让网站制作和维护成为起飞页提供了海量精美网站模板和成品网站。</p>
        </div>
        <div class="sheng"> 
            <div class="p1">
                <div class="el-icon-pie-chart " style="font-size: 38px; color:#35d7a4; height: 30px; text-align: center; margin-left: 150px; font-weight: bold;" ></div>
                <h5>省时间</h5>
                <p>您可以双击这里或者点击编辑按钮来修改内容您还可以添加图标按钮图片等常用元素</p>
            </div>
           
            <div class="p1">
                <div class="el-icon-coin " style="font-size: 38px; color:#35d7a4; height: 30px; text-align: center; margin-left: 150px; font-weight: bold;" ></div>
                <h5>客制化</h5>
                <p>您可以双击这里或者点击编辑按钮来修改内容您还可以添加图标按钮图片等常用元素</p>
            </div>

            <div class="p1">
                <div class="el-icon-bangzhu " style="font-size: 38px; color:#35d7a4; height: 30px; text-align: center; margin-left: 150px; font-weight: bold;" ></div>
                <h5>移动端友好</h5>
                <p>您可以双击这里或者点击编辑按钮来修改内容您还可以添加图标按钮图片等常用元素</p>
            </div>
        </div>
        <div class="jin">
            <p>看看我们的价值观</p>
            <h6>进一步了解我们</h6>
            <div>
                <img src="https://ccdn.goodq.top/caches/6e50d6492e3bae10ff0a5a6d86bc5093/aHR0cHM6Ly81ZWUxZWNmNGM1ZDkxLnQ3NC5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMjAvMDYvMzc3NDBmNDFkNTYyOGI0ODc1NzcyNmUzYzQxZTU4YzgtODB4ODAucG5n.png" alt="">
            </div>
        </div>
        <div class="hexin">
            <div class="hexinleft">
                <img src="https://ccdn.goodq.top/caches/6e50d6492e3bae10ff0a5a6d86bc5093/aHR0cHM6Ly81ZWUxZWNmNGM1ZDkxLnQ3NC5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMjAvMDYvZmNmM2EzOGQ3OWE1MWU2NzE1MzlkMTYzMWE2OWJmOGMucG5n.png" alt="">
            </div>
            <div class="hexinright">
                <h3>软件平台核心优势</h3>
            </div>
        </div>
        <div class="fuwu">
            <div class="fuwuleft">
                <h3>  为什么要选择我们的服务</h3>
                <p>当今最领先的响应式自助建站平台，我们的流线式网页布局设计方案和可视化图文内容编辑模式让网站制作和维护成为一件轻松惬意的事。</p>
                <ul>
                    <li><div class="el-icon-check" style="font-weight: bold;padding:2px; color: #35d7a4;font-size: 20px;width: 30px; height: 30px;"></div>当今最领先的响应式自助建站平台</li>
                    <li><div class="el-icon-check" style="font-weight: bold;padding:2px; color: #35d7a4;font-size: 20px;width: 30px; height: 30px;"></div>我们的流线式网页布局设计方案和可视化图文内容编辑模式</li>
                    <li><div class="el-icon-check" style="font-weight: bold;padding:2px; color: #35d7a4;font-size: 20px;width: 30px; height: 30px;"></div>网站制作和维护成为一件轻松惬意的事</li>
                    <li><div class="el-icon-check" style="font-weight: bold;padding:2px; color: #35d7a4;font-size: 20px;width: 30px; height: 30px;"></div>我们的流线式网页布局设计方案</li>
                    <li><div class="el-icon-check" style="font-weight: bold;padding:2px; color: #35d7a4;font-size: 20px;width: 30px; height: 30px;"></div>当今最领先的响应式自助建站平台</li>
                </ul>
            </div>
            <div class="fuwuright">
                <img src="https://ccdn.goodq.top/caches/6e50d6492e3bae10ff0a5a6d86bc5093/aHR0cHM6Ly81ZWUxZWNmNGM1ZDkxLnQ3NC5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMjAvMDYvMTZhMmY5NDQ2ZTI5NGVjNjU0ODhkNTdjNDJmZWU4N2MucG5n.png" alt="">
            </div>
        </div>
        <div class="qiye">
            <h4>企业专属定制</h4>
            <p>您可以尽情向我们的设计部门提出您的需求，大胆的选择您的主题色</p>
            <div class="a1">
                <div>
                    <h6>基础版</h6>
                    <p>￥59</p>
                </div>
                <ul>
                    <li><div class="el-icon-check" style="font-weight: bold; color: #35d7a4;font-size: 20px;width: 30px; height: 30px;"></div>赠送国际域名         </li>
                    <li><div class="el-icon-check" style="font-weight: bold; color: #35d7a4;font-size: 20px;width: 30px; height: 30px;"></div>独立域名绑定        </li>
                    <li><div class="el-icon-check" style="font-weight: bold; color: #35d7a4;font-size: 20px;width: 30px; height: 30px;"></div>赠送备案服务号    </li>
                    <li><div class="el-icon-check" style="font-weight: bold; color: #35d7a4;font-size: 20px;width: 30px; height: 30px;"></div>网站安全防御        </li>
                    <li><div class="el-icon-check" style="font-weight: bold; color: #35d7a4;font-size: 20px;width: 30px; height: 30px;"></div>HTTPS安全证书    </li>
                    <li><div class="el-icon-check" style="font-weight: bold; color: #35d7a4;font-size: 20px;width: 30px; height: 30px;"></div>5秒最大同时访问   </li>
                    <li><div class="el-icon-check" style="font-weight: bold; color: #35d7a4;font-size: 20px;width: 30px; height: 30px;"></div>多种支付方式         </li>
                </ul>
                <button>立即购买</button>
            </div>

            <div class="a1">
                <div>
                    <h6>企业版</h6>
                    <p>￥239</p>
                </div>
                <ul>
                    <li><div class="el-icon-check" style="font-weight: bold; color: #35d7a4;font-size: 20px;width: 30px; height: 30px;"></div>赠送国际域名         </li>
                    <li><div class="el-icon-check" style="font-weight: bold; color: #35d7a4;font-size: 20px;width: 30px; height: 30px;"></div>独立域名绑定        </li>
                    <li><div class="el-icon-check" style="font-weight: bold; color: #35d7a4;font-size: 20px;width: 30px; height: 30px;"></div>赠送备案服务号    </li>
                    <li><div class="el-icon-check" style="font-weight: bold; color: #35d7a4;font-size: 20px;width: 30px; height: 30px;"></div>网站安全防御        </li>
                    <li><div class="el-icon-check" style="font-weight: bold; color: #35d7a4;font-size: 20px;width: 30px; height: 30px;"></div>HTTPS安全证书    </li>
                    <li><div class="el-icon-check" style="font-weight: bold; color: #35d7a4;font-size: 20px;width: 30px; height: 30px;"></div>5秒最大同时访问   </li>
                    <li><div class="el-icon-check" style="font-weight: bold; color: #35d7a4;font-size: 20px;width: 30px; height: 30px;"></div>多种支付方式         </li>
                </ul>
                <button>立即购买</button>
            </div>

            <div class="a1">
                <div>
                    <h6>专业版</h6>
                    <p>￥559</p>
                </div>
                <ul>
                    <li ><div class="el-icon-check" style="font-weight: bold; color: #35d7a4;font-size: 20px;width: 30px; height: 30px; padding-right: 5px; padding-left:5px ;"></div>赠送国际域名</li>
                    <li><div class="el-icon-check" style="font-weight: bold; color: #35d7a4;font-size: 20px;width: 30px; height: 30px; padding-right: 5px; padding-left:5px ;"></div>独立域名绑定</li>
                    <li><div class="el-icon-check" style="font-weight: bold; color: #35d7a4;font-size: 20px;width: 30px; height: 30px; padding-right: 5px; padding-left:5px ;"></div>赠送备案服务</li>
                    <li><div class="el-icon-check" style="font-weight: bold; color: #35d7a4;font-size: 20px;width: 30px; height: 30px; padding-right: 5px; padding-left:5px ;"></div>网站安全防御</li>
                    <li><div class="el-icon-check" style="font-weight: bold; color: #35d7a4;font-size: 20px;width: 30px; height: 30px; padding-right: 5px; padding-left:5px ;"></div>HTTPS安全证书</li>
                    <li><div class="el-icon-check" style="font-weight: bold; color: #35d7a4;font-size: 20px;width: 30px; height: 30px; padding-right: 5px; padding-left:5px ;"></div>5秒最大同时访问</li>
                    <li><div class="el-icon-check" style="font-weight: bold; color: #35d7a4;font-size: 20px;width: 30px; height: 30px; padding-right: 5px; padding-left:5px ;"></div>多种支付方式</li>
                </ul>
                <button>立即购买</button>
            </div>
        </div>
        <div class="women">
            <h4>我们的团队</h4>
            <p>您可以尽情向我们的设计部门提出您的需求，大胆的选择您的主题色</p>
           <div class="womenxia">
               <div>
                   <img src="https://ccdn.goodq.top/caches/6e50d6492e3bae10ff0a5a6d86bc5093/aHR0cHM6Ly81ZWUxZWNmNGM1ZDkxLnQ3NC5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMjAvMDYvNjhmYmM1NDkxYjM3YzE4OTNmNmNkZDQ5YmQ4ODEyNjYtNTMzeDQwMC5qcGc_p_p100_p_3D.jpg" alt="">
               </div>
               <h6>张 迪特</h6>
               <p>设计师</p>
           </div>
           <div class="womenxia">
            <div>
                <img src="https://ccdn.goodq.top/caches/6e50d6492e3bae10ff0a5a6d86bc5093/aHR0cHM6Ly81ZWUxZWNmNGM1ZDkxLnQ3NC5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMjAvMDYvNTY2MTFhMDAxN2QwZmQ1NGI5ODA2YjJjYzllYzYyZTAtNTMzeDQwMC5qcGc_p_p100_p_3D.jpg" alt="">
            </div>
            <h6>张 迪特</h6>
            <p>设计师</p>
        </div>
        <div class="womenxia">
            <div>
                <img src="https://ccdn.goodq.top/caches/6e50d6492e3bae10ff0a5a6d86bc5093/aHR0cHM6Ly81ZWUxZWNmNGM1ZDkxLnQ3NC5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMjAvMDYvOTA1ZTQ0N2Q3YjFjYzBkMTA2OWY5MDNlNTUwNzFhYTMtNTMzeDQwMC5qcGc_p_p100_p_3D.jpg" alt="">
            </div>
            <h6>张 迪特</h6>
            <p>设计师</p>
        </div>
    </div>
    <div class="zhu">

        <h3>注册并获得折扣</h3>
        <p>您可以双击这里或者点击编辑按钮来修改内容您还可以添加图标按钮图片等常用元素</p>
        <button>免费试用</button>
    </div>

    <div class="footer">
        <div class="heng1">
           <img src="https://ccdn.goodq.top/caches/6e50d6492e3bae10ff0a5a6d86bc5093/aHR0cHM6Ly81ZWUxZWNmNGM1ZDkxLnQ3NC5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMjAvMDYvZDY1OTI2ODhlOGU1OTg4ZGJlN2JmMzgzMGQxMjQ3ZmYtMTQweDI1LnBuZw_p_p100_p_3D_p_p100_p_3D.png" alt="">
            <p>Copyright  © 2019  软件公司模板 苏ICP备0900000001号-3</p>
            <!-- <img src="" alt=""> -->
        </div>
        <div class="heng2">
            <h6>联系我们</h6>
            <p>电话：+86 123 1234 1234</p>
            <p>邮箱：software@email.com</p>
            <p>深圳市南京路双港码头6楼</p>
        </div>
        <div class="heng2">
            <h6>帮助中心</h6>
            <p>关于我们</p>
            <p>服务支持</p>
            <p>法律和隐私</p>
        </div>
        <div class="heng3">
            <h3>关注我们</h3>
            <img src="https://ccdn.goodq.top/caches/6e50d6492e3bae10ff0a5a6d86bc5093/aHR0cDovLzVlZTFlY2Y0YzVkOTEudDc0LnFpZmVpeWUuY29tL3FmeS1jb250ZW50L3VwbG9hZHMvMjAyMC8wNi8zNDg1ODhmZDhhNGY2NmFlM2NhYzFkMWIxZGMzYmNkNy5qcGc_p_p100_p_3D.jpg" alt="">
        </div>
    </div>
  </div>
   </template>
   <template id="no2">
       <div>
           <div class="jianli">
            <div class="jinalileft">
                <h3>公司简介</h3>
                <p>当今最领先的响应式自助建站平台，我们的流线式网页布局设计方案和可视化图文内容编辑模式让网站制作和维护成为一件轻松惬意的事。</p>
                <p>专业网站制作人员，都能使用起飞页设计出最具专业水准的网站。我们的流线式网页布局设计方案和可视化图文内容编辑模式让网站制作和维护成为起飞页提供了海量精美网站模板和成品网站。
                </p>
            </div>
           <div class="jinaliright">
               <img src="https://ccdn.goodq.top/caches/6e50d6492e3bae10ff0a5a6d86bc5093/aHR0cHM6Ly81ZWUxZWNmNGM1ZDkxLnQ3NC5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMjAvMDYvNGUwNGMyZjFjNDk2ZDU4Y2FiZTc4MTFmNTA1YmY4N2YuanBn.jpg" alt="">
           </div>
           </div>
           <div class="imgg">
            <img src="https://ccdn.goodq.top/caches/6e50d6492e3bae10ff0a5a6d86bc5093/aHR0cHM6Ly81ZWUxZWNmNGM1ZDkxLnQ3NC5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMjAvMDUvMDg4NjcxNzczNDllY2IzNGFiYTViMDU3NDMxZjE1MTEtMjYweDcwLnBuZw_p_p100_p_3D_p_p100_p_3D.png" alt="">
            <img src="https://ccdn.goodq.top/caches/6e50d6492e3bae10ff0a5a6d86bc5093/aHR0cHM6Ly81ZWUxZWNmNGM1ZDkxLnQ3NC5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMjAvMDUvY2Q5OGU1NzBiN2MxOTczZDFlOWU0NGMxMDVkYjk0NDAtMjYweDcwLnBuZw_p_p100_p_3D_p_p100_p_3D.png" alt="">
            <img src="https://ccdn.goodq.top/caches/6e50d6492e3bae10ff0a5a6d86bc5093/aHR0cHM6Ly81ZWUxZWNmNGM1ZDkxLnQ3NC5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMjAvMDUvNzczNzE5MWM5N2YwZDgyOTgzYzg2ODlmZmY4NTk3N2MtMjYweDcwLnBuZw_p_p100_p_3D_p_p100_p_3D.png" alt="">
            <img src="https://ccdn.goodq.top/caches/6e50d6492e3bae10ff0a5a6d86bc5093/aHR0cHM6Ly81ZWUxZWNmNGM1ZDkxLnQ3NC5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMjAvMDUvMDg4NjcxNzczNDllY2IzNGFiYTViMDU3NDMxZjE1MTEtMjYweDcwLnBuZw_p_p100_p_3D_p_p100_p_3D.png" alt="">
            <img src="https://ccdn.goodq.top/caches/6e50d6492e3bae10ff0a5a6d86bc5093/aHR0cHM6Ly81ZWUxZWNmNGM1ZDkxLnQ3NC5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMjAvMDUvY2Q5OGU1NzBiN2MxOTczZDFlOWU0NGMxMDVkYjk0NDAtMjYweDcwLnBuZw_p_p100_p_3D_p_p100_p_3D.png" alt="">
            <img src="https://ccdn.goodq.top/caches/6e50d6492e3bae10ff0a5a6d86bc5093/aHR0cHM6Ly81ZWUxZWNmNGM1ZDkxLnQ3NC5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMjAvMDUvNzczNzE5MWM5N2YwZDgyOTgzYzg2ODlmZmY4NTk3N2MtMjYweDcwLnBuZw_p_p100_p_3D_p_p100_p_3D.png" alt="">
            <img src="https://ccdn.goodq.top/caches/6e50d6492e3bae10ff0a5a6d86bc5093/aHR0cHM6Ly81ZWUxZWNmNGM1ZDkxLnQ3NC5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMjAvMDUvMDg4NjcxNzczNDllY2IzNGFiYTViMDU3NDMxZjE1MTEtMjYweDcwLnBuZw_p_p100_p_3D_p_p100_p_3D.png" alt="">
            <img src="https://ccdn.goodq.top/caches/6e50d6492e3bae10ff0a5a6d86bc5093/aHR0cHM6Ly81ZWUxZWNmNGM1ZDkxLnQ3NC5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMjAvMDUvY2Q5OGU1NzBiN2MxOTczZDFlOWU0NGMxMDVkYjk0NDAtMjYweDcwLnBuZw_p_p100_p_3D_p_p100_p_3D.png" alt="">
            <img src="https://ccdn.goodq.top/caches/6e50d6492e3bae10ff0a5a6d86bc5093/aHR0cHM6Ly81ZWUxZWNmNGM1ZDkxLnQ3NC5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMjAvMDUvNzczNzE5MWM5N2YwZDgyOTgzYzg2ODlmZmY4NTk3N2MtMjYweDcwLnBuZw_p_p100_p_3D_p_p100_p_3D.png" alt="">
            <img src="https://ccdn.goodq.top/caches/6e50d6492e3bae10ff0a5a6d86bc5093/aHR0cHM6Ly81ZWUxZWNmNGM1ZDkxLnQ3NC5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMjAvMDUvMDg4NjcxNzczNDllY2IzNGFiYTViMDU3NDMxZjE1MTEtMjYweDcwLnBuZw_p_p100_p_3D_p_p100_p_3D.png" alt="">
           
           </div>
           <div class="kehu">
               <h3>我们的业务宗旨是客户的满意</h3>
               <img src="https://ccdn.goodq.top/caches/6e50d6492e3bae10ff0a5a6d86bc5093/aHR0cHM6Ly81ZWUxZWNmNGM1ZDkxLnQ3NC5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMjAvMDYvNTIyMDZmYTJiZDE3Mjg4NDBhMTQzZTg1N2JhYzI3Y2YucG5n.png" alt="">
           </div>
           
    <div class="footer">
        <div class="heng1">
           <img src="https://ccdn.goodq.top/caches/6e50d6492e3bae10ff0a5a6d86bc5093/aHR0cHM6Ly81ZWUxZWNmNGM1ZDkxLnQ3NC5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMjAvMDYvZDY1OTI2ODhlOGU1OTg4ZGJlN2JmMzgzMGQxMjQ3ZmYtMTQweDI1LnBuZw_p_p100_p_3D_p_p100_p_3D.png" alt="">
            <p>Copyright  © 2019  软件公司模板 苏ICP备0900000001号-3</p>
            <!-- <img src="" alt=""> -->
        </div>
        <div class="heng2">
            <h6>联系我们</h6>
            <p>电话：+86 123 1234 1234</p>
            <p>邮箱：software@email.com</p>
            <p>深圳市南京路双港码头6楼</p>
        </div>
        <div class="heng2">
            <h6>帮助中心</h6>
            <p>关于我们</p>
            <p>服务支持</p>
            <p>法律和隐私</p>
        </div>
        <div class="heng3">
            <h3>关注我们</h3>
            <img src="https://ccdn.goodq.top/caches/6e50d6492e3bae10ff0a5a6d86bc5093/aHR0cDovLzVlZTFlY2Y0YzVkOTEudDc0LnFpZmVpeWUuY29tL3FmeS1jb250ZW50L3VwbG9hZHMvMjAyMC8wNi8zNDg1ODhmZDhhNGY2NmFlM2NhYzFkMWIxZGMzYmNkNy5qcGc_p_p100_p_3D.jpg" alt="">
        </div>
    </div>
       </div>
   </template>
   <template id="no3">
       <div>
          <div class="xinwen">
            <div class="xinwenleft">
                <div class="ha1">
                    <h6>大环境影响下的物流业该如何发展?网络货运平台或将带来新机遇?</h6>
                    <span>发布日期：2019.04.01 分类：动态资讯</span>
                    <p>设计师必备歌单： </p>
                </div>
                <div class="ha1">
                    <h6>立足大湾区、链接长三角,京东快递航空战略新版图</h6>
                    <span>发布日期：2019.04.01 分类：动态资讯</span>
                    <p>客户：先谢谢你了，能想象一下一块圆形的黑金属在一点钟方向向着八点钟的位子以闪电的弧度裂开然后黑金属两瓣分别上下稍微分离的感觉吗？ </p>
                </div>
                <div class="ha1">
                    <h6>推广新能源车辆走绿色发展</h6>
                    <span>发布日期：2019.04.01 分类：动态资讯</span>
                    <p>当年刚学打篮球的时候，疯狂地迷恋上了乔丹，然后迷恋上了NIKE，更熟记了NIKE的那句广告语：JUST DO IT。然后…我从此进入了IT行业。。。  </p>
                </div>
                <div class="ha1">
                    <h6>构建“互联网 ”智慧物流矩阵运输公司运用大数据系统平台提升效率50%纪实</h6>
                    <span>发布日期：2019.04.01 分类：动态资讯</span>
                    <p>前阵子，公司一个人遇到个记者，记者问他："看您身板硬朗、精神矍铄，请问您养生秘诀是什么？" </p>
                </div>
                <div class="ha1">
                    <h6>电子商务促进快递行业发展</h6>
                    <span>发布日期：2019.04.01 分类：动态资讯</span>
                    <p>面试官：面试设计师的？</p>
                </div>
            </div>
            <div class="xinwenright">
                <input type="text" name="" id="" placeholder="请输入需要搜索的文字" class="el-icon-zoom-in" style=" font-size: 17px; padding-left: 5px;"  >
                <h3>热门资讯</h3>
                <p>大环境影响下的物流业该如何发展?网络货运平台或将带来新机遇?</p>
                <p>立足大湾区、链接长三角,京东快递航空战略新版图</p>
                <p>电子商务促进快递行业发展</p>
                <p>“世界工厂”东莞物流逐步畅通 道路货运、物流企业复工率达9成</p>
                <p>推广新能源车辆走绿色发展</p>
            </div>
        
          </div>
          
    <div class="footer">
        <div class="heng1">
           <img src="https://ccdn.goodq.top/caches/6e50d6492e3bae10ff0a5a6d86bc5093/aHR0cHM6Ly81ZWUxZWNmNGM1ZDkxLnQ3NC5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMjAvMDYvZDY1OTI2ODhlOGU1OTg4ZGJlN2JmMzgzMGQxMjQ3ZmYtMTQweDI1LnBuZw_p_p100_p_3D_p_p100_p_3D.png" alt="">
            <p>Copyright  © 2019  软件公司模板 苏ICP备0900000001号-3</p>
            <!-- <img src="" alt=""> -->
        </div>
        <div class="heng2">
            <h6>联系我们</h6>
            <p>电话：+86 123 1234 1234</p>
            <p>邮箱：software@email.com</p>
            <p>深圳市南京路双港码头6楼</p>
        </div>
        <div class="heng2">
            <h6>帮助中心</h6>
            <p>关于我们</p>
            <p>服务支持</p>
            <p>法律和隐私</p>
        </div>
        <div class="heng3">
            <h3>关注我们</h3>
            <img src="https://ccdn.goodq.top/caches/6e50d6492e3bae10ff0a5a6d86bc5093/aHR0cDovLzVlZTFlY2Y0YzVkOTEudDc0LnFpZmVpeWUuY29tL3FmeS1jb250ZW50L3VwbG9hZHMvMjAyMC8wNi8zNDg1ODhmZDhhNGY2NmFlM2NhYzFkMWIxZGMzYmNkNy5qcGc_p_p100_p_3D.jpg" alt="">
        </div>
    </div>
       </div>
   </template>
   <template id="no4">
       <div>
           <div class="xinxi">
            <h3>联系信息</h3>
            <div class="xixi">
                <div class="el-icon-coffee" style="font-weight: bold; color: #35d7a4;font-size: 30px;width: 30px; height: 30px; margin-left: 130px; margin-bottom: 10px;"></div>
                <p>中国 广东省 深圳市</p>
                <p>南京路双港码头6楼</p>
            </div>
            <div class="xixi">
                <div class="el-icon-cherry" style="font-weight: bold; color: #35d7a4;font-size: 30px;width: 30px; height: 30px; margin-left: 130px; margin-bottom: 10px;"></div>
                <p>(1239) 222.444</p>
                <p>example@example.org</p>
            </div>
            <div class="xixi">
                <div class="el-icon-pear" style="font-weight: bold; color: #35d7a4;font-size: 30px;width: 30px; height: 30px; margin-left: 130px; margin-bottom: 10px;"></div>
                <p>Mon-Fri: 8:00 - 16:00</p>
                <p>Sat-Sun: Closed</p>
            </div>
        </div>
        <div class="suishi">
            <h3>随时联系我们</h3>
            <input type="text" name="" id="" placeholder="姓名*">
            <input type="text" name="" id="" placeholder="邮箱*">
            <input type="text" name="" id="" placeholder="内容*">
            <button>请求报价</button>
        </div>

        <div class="footer">
            <div class="heng1">
               <img src="https://ccdn.goodq.top/caches/6e50d6492e3bae10ff0a5a6d86bc5093/aHR0cHM6Ly81ZWUxZWNmNGM1ZDkxLnQ3NC5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMjAvMDYvZDY1OTI2ODhlOGU1OTg4ZGJlN2JmMzgzMGQxMjQ3ZmYtMTQweDI1LnBuZw_p_p100_p_3D_p_p100_p_3D.png" alt="">
                <p>Copyright  © 2019  软件公司模板 苏ICP备0900000001号-3</p>
                <!-- <img src="" alt=""> -->
            </div>
            <div class="heng2">
                <h6>联系我们</h6>
                <p>电话：+86 123 1234 1234</p>
                <p>邮箱：software@email.com</p>
                <p>深圳市南京路双港码头6楼</p>
            </div>
            <div class="heng2">
                <h6>帮助中心</h6>
                <p>关于我们</p>
                <p>服务支持</p>
                <p>法律和隐私</p>
            </div>
            <div class="heng3">
                <h3>关注我们</h3>
                <img src="https://ccdn.goodq.top/caches/6e50d6492e3bae10ff0a5a6d86bc5093/aHR0cDovLzVlZTFlY2Y0YzVkOTEudDc0LnFpZmVpeWUuY29tL3FmeS1jb250ZW50L3VwbG9hZHMvMjAyMC8wNi8zNDg1ODhmZDhhNGY2NmFlM2NhYzFkMWIxZGMzYmNkNy5qcGc_p_p100_p_3D.jpg" alt="">
            </div>
        </div>
       </div>
   </template>
</body>
</html>
<script src="./vue.js"></script>
<script src="./vue-router.js"></script>
<script src="./index.js"></script>